<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表详情页</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前页面样式 -->
    <link rel="stylesheet" href="../css/apiDetail.css">
</head>

<body>
    <!-- 顶部导航 -->
    <header class="tainer clearfix">
        <h1 class="logo fl">
            <a href="index.html"></a>
        </h1>
        <!-- 中间区域 -->
        <ul class="nav">
            <li class="fl">
                <a href="index.html">首页</a>
            </li>
            <li class="fl">
                <a href="api.html" class="active"> API</a>
            </li>
            <li class="fl">
                <a href="customer.html"> 案例</a>
            </li>
        </ul>
        <!-- 顶部-右按钮 -->
        <a href="register.html" class="register fr">注册有礼</a>
        <a href="login.html" class="logoin fr">登录</a>
    </header>
    <!-- 背景div -->
    <div id="mydiv" style="height:350px;"></div>
    <!-- 主要内容 -->
    <div class="banner container clearfix">
        <!-- 左边图片 -->
        <div class="main-left fl">
            <p class="pic">
                <img src="../images/API11.jpg" alt="">
            </p>
            <ul class="api-desc">
                <li class="icon fl">
                    <p class="tu">
                        <img src="../images/API_smallicon_01.jpg." alt="">
                    </p>
                    <p class="num">
                        <span>103</span>
                    </p>
                </li>
                <li class="icon fl">
                    <p class="tu">
                        <img src="../images/API_smallicon_02.jpg." alt="">
                    </p>
                    <p class="num">
                        <span>103</span>
                    </p>
                </li>
                <li class="icon fl">
                    <p class="tu">
                        <img src="../images/API_smallicon_03.jpg." alt="">
                    </p>
                    <p class="num">
                        <span>103</span>
                    </p>
                </li>
            </ul>
        </div>

        <!-- 右边文字 -->
        <div class="main-right fl container">
            <!-- 第一行 -->
            <div class=" ident clearfix">
                <h2 class="fl">身份证实名认证</h2>
                <span class="text-l fl">支持HTTPS</span>
                <span class="text-r fl">企业专用</span>
            </div>
            <!-- 第二行 -->
            <div class="user-info  clearfix">
                <span class="info-item fl">
                    <img src="../images/API03.jpg" alt="">
                    <span class=" apply"> 限企业实名用户使用</span>
                </span>
                <span class="info-item">
                    <img src="../images/API08.jpg" alt="">
                    <span class=" apply">本接口需提供应用场景审核</span>
                </span>
                <span class="info-item">
                    <img src="../images/API05.jpg" alt="">
                    <span class=" apply">个人实名用户无法使用</span>
                </span>
            </div>
            <!-- 第三行 -->
            <div class="name">检测姓名和身份证号是否一致，身份证验证。</div>
            <!-- 第四行 -->
            <ul class="btn-list clearfix">
                <li class="code fl">
                    <!-- 按钮文字 -->
                    <img class="pit" src="../images/API17.jpg" alt="">
                    <span>扫码测试</span>
                    <!-- 二维码 -->
                    <div>
                        <img src="../images/103-demo.png" alt="">
                        <span>打开微信扫一扫</span>
                    </div>
                </li>
                <!-- <li class="fl active">2000</li> -->
                <!-- 动态渲染 -->
                <!-- <li class="fl">4000次</li>
                <li class="fl">8000次</li>
                <li class="fl">40000次</li> -->
            </ul>
            <p class="price">
                ¥1200
                <span>(约0.3000元/次),仅限企业实名购买;</span>
            </p>
            <!-- 第五行 -->
            <div class="order">
                <a href="#">立即申请</a>
            </div>
        </div>
    </div>
    <!-- 内容区域 -->
    <div class="content">
        <div class="tabtop">
            <div class="container">
                <ul class="tabText">
                    <li class="fl tab doc active">API文档</li>
                    <li class="fl tab fault">错误码参照</li>
                    <li class="fl tab stagger">示例代码</li>
                    <li class="fl tab tel">联系我们</li>
                </ul>
            </div>
        </div>
        <!-- 选项卡内容 -->
        <div class="tabContent container clearfix">
            <!-- 左边内容区域 -->
            <div class="tabCon  fl">
                <!-- Api测试工具 -->
                <div class="stable first api-doc">
                    <p>
                        <strong>接口地址：</strong>
                        <span> http://op.itsource.cn/idcard/query</span>
                    </p>
                    <p>
                        <strong>返回格式：</strong>
                        <span> json</span>
                    </p>
                    <p>
                        <strong>请求方式：</strong>
                        <span> http get/post</span>
                    </p>
                    <p>
                        <strong>请求示例：</strong>
                        <span> http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                    </p>
                    <p>
                        <strong>接口备注：</strong>
                        <span> error_code为0时计费</span>
                    </p>
                    <p class="api-btn">
                        <a href="#" class="api-text">API测试工具</a>
                    </p>
                </div>
                <div class="stable two">
                    <p class="line">请求参数说明：</p>
                    <table class="api-table">
                        <tbody>
                            <tr class="title">
                                <th width=20></th>
                                <th width=20%>名称</th>
                                <th width=15%>必填</th>
                                <th width=15%>类型</th>
                                <th>说明</th>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">idcard</td>
                                <td class="url">是</td>
                                <td class="url">string</td>
                                <td>身份证号码</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">realname</td>
                                <td class="url">是</td>
                                <td class="url">string</td>
                                <td>姓名（UTF-8）</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">orderid</td>
                                <td class="url">否</td>
                                <td class="url">int</td>
                                <td>传1时返回单号，默认不返回单号（建议传入）</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">key</td>
                                <td class="url">是</td>
                                <td class="url">string</td>
                                <td>在个人中心->我的数据，接口名称上方查看</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 返回参数 -->
                <div class="stable three">
                    <p class="line">返回参数说明：</p>
                    <table class="api-table">
                        <tbody>
                            <tr class="title">
                                <th width=20></th>
                                <th width=20%>名称</th>
                                <th width=15%>类型</th>
                                <th>说明</th>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">error_code</td>
                                <td class="url">int</td>
                                <td>返回码</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">reason</td>
                                <td class="url">string</td>
                                <td>返回说明</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">result</td>
                                <td class="url">object<type=""></object></td>
                                <td>返回结果集</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">realname</td>
                                <td class="url">string</td>
                                <td>属result,真实姓名</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">idcard</td>
                                <td class="url">string</td>
                                <td>属result,身份证号</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="url">res</td>
                                <td class="url">int</td>
                                <td>属result,匹配详情,1匹配，2不匹配</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- JSON返回示例 -->
                <div class="stable four">
                    <p class="line">JSON返回示例：
                        <a href="#" class="tool">JSON在线格式化工具</a>
                    </p>
                    <div class="jCode">
                        <pre>
{
    "reason": "成功",
    "result": {
    "realname": "***",/*真实姓名*/                    
    "idcard": "******************",/*身份证号码*/                     
    "orderid":"J103202010151450419556",/*流水号*/                            
     "res": 1 /*1：匹配 2：不匹配*/                 
    },               
    "error_code": 0
}
                        </pre>
                    </div>
                </div>
                <!-- 联系我们 -->
                <div class="tabcon-item five call">
                    <div class="stble">
                        <p class="line">联系我们</p>

                        <table class="api-table">
                            <tbody>
                                <tr class="title">
                                    <th width='5%'></th>
                                    <th width='40%'>内容</th>
                                    <th width='40%'>详细</th>

                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url"> 售前咨询①:</td>
                                    <td class="url"> 0512-88869195</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url"> 客服热线:</td>
                                    <td class="url"> 400-882-7715</td>

                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url"> 在线客服QQ:</td>
                                    <td class="url"> 800076065</td>

                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url"> 接口测试:</td>
                                    <td class="url"> API测试工具</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- 右边的侧边栏 -->
            <div class="aside fr">
                <h3>活动推荐/Activity</h3>
                <ul class="activity-ul">
                    <li>
                        <a href="#">
                            <img src="../images/sfz-aside1.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/details-aside02.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../images/details-aside03.png" alt="">
                        </a>
                    </li>
                </ul>
                <h3>猜你喜欢</h3>
                <ul class="recommend">
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API22.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">短信API服务</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>

                    </li>

                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API26.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">银行卡四元素校验</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>

                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API30.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">身份证查询</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>

                    </li>

                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API33.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">身份证OCR识别</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>

                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API36.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">三网手机实名制认证</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
    </div>



    <!-- 立即体验 -->
    <div class="exp">
        <div class="try container">
            <p class="free">现在注册，百款接口免费测试</p>
            <a href="register.html" class="tryTo">免费注册</a>
        </div>
    </div>

    <!-- 页尾 -->
    <div class="footer">
        <div class="con container">
            <div class="footer-top clearfix">
                <dl class="footer-item fl">
                    <dt class="titler">联系与支持</dt>
                    <dd class="dec">
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">常见问题</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">极速工单</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="titler">关于源码</dt>
                    <dd class="dec">
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">合作伙伴</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">服务条款</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">隐私政策</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">市场合作</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">反商业贿赂声明</a>
                    </dd>

                </dl>
                <dl class="footer-item fl">
                    <dt class="titler">快速入口</dt>
                    <dd class="dec">
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">API数据</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">黑钻会员</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">新闻动态</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">联系我们</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">加入我们</a>
                    </dd>

                </dl>
                <dl class="footer-item fl">
                    <dt class="titler">产品服务</dt>
                    <dd class="dec">
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云监测</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云查询</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云助手</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">聚盒子</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云充值</a>
                    </dd>

                </dl>
                <dl class="footer-item fl">
                    <dt class="titler">解决方案</dt>
                    <dd class="dec">
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云监测</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">云查询</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">数字中台</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">慧集：API生命周期管理</a>
                    </dd>
                    <dd class="dec">
                        <a href="#">有赢：助力企业营销</a>
                    </dd>

                </dl>

                <!-- 右边的微信扫码 -->
                <div class="weChat fr">
                    <p class="title-p">微信公众号</p>
                    <p class="title-n">源码时代</p>
                    <img src="../images/wechat-white.png" alt="图片加载失败">
                </div>
            </div>
        </div>

        <!-- 页尾的底部 -->
        <p class="footer-bto container clearfix">
            <span class=" allow fl">
                <img src="../images/bei2.png" alt="">
                <img src="../images/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </span>
            <span class="copy fr">源码大数据股份有限公司©版权所有</span>
        </p>
    </div>
    <!-- 回到顶部 -->
    <div class="toTop"></div>

    <!-- 当前页面的js -->
    <script src="../js/apiDetail.js"></script>
    <script src="../lib/canvas-particle.js"></script>
    <!-- 配置插件 -->
    <script src="../js/particle.js"></script>
</body>

</html>